<nz-table #nzTable [nzIsPagination]="false" [nzAjaxData]="authoritySetting">
    <thead nz-thead>
        <tr nz-row style="width:100%">
            <th nz-th nz-col [nzSpan]="8"><span>账户级别</span></th>
            <th nz-th nz-col [nzSpan]="8"><span>权限模块</span></th>
        </tr>
    </thead>
    <tbody nz-tbody>
        <tr nz-tbody-tr *ngFor="let data of nzTable.data" nz-row>
            <td nz-td nz-col [nzSpan]="8">{{data.accountLevel}}</td>
            <td nz-td nz-col [nzSpan]="8">
                <nz-select style="width:100%;" [nzMode]="'multiple'" [nzPlaceHolder]="'请选择权限'" [(ngModel)]="selectedMultipleOption" [nzNotFoundContent]="'无法找到'">
                    <nz-option *ngFor="let option of searchOptions" [nzLabel]="option.label" [nzValue]="option.value">
                    </nz-option>
                </nz-select>
            </td>
        </tr>
    </tbody>
</nz-table>


<div class="reeF-center-btn">
    <button nz-button (click)="createLevel()">
              <span>新增账户级别</span>
            </button>
</div>

<nz-modal [nzContent]="modalContent" [nzWrapClassName]="'vertical-center-modal'" [nzVisible]="isVisible" [nzTitle]="'新建账户级别'"
    [nzClosable]="false" (nzOnCancel)="cancelCreateLevel()" (nzOnOk)="confirmCreateLevel()">
    <ng-template #modalContent>
        <nz-input [(ngModel)]="accountName" [nzPlaceHolder]="'请输入级别名称'"></nz-input>

        <nz-select nzAllowClear [nzMode]="'multiple'" [nzPlaceHolder]="'选择级别权限'" [(ngModel)]="selectedOption" [nzShowSearch]="true">
            <nz-option *ngFor="let option of searchOptions" [nzLabel]="option.label" [nzValue]="option.value">
            </nz-option>
        </nz-select>
    </ng-template>
</nz-modal>